<template>
<div>
<!--  提示-->
  <Header></Header>
  <van-notice-bar left-icon="volume-o" :scrollable="false">
    <van-swipe
        vertical
        class="notice-swipe"
        :autoplay="3000"
        :show-indicators="false"
    >
      <van-swipe-item>内容 1</van-swipe-item>
      <van-swipe-item>内容 2</van-swipe-item>
      <van-swipe-item>内容 3</van-swipe-item>
    </van-swipe>
  </van-notice-bar>
  <van-cell-group>
    <van-cell value="编辑首页" />
    <van-grid clickable :column-num="2">
      <van-grid-item icon="wap-home-o" text="宣传图" to="/" />
      <van-grid-item icon="smile-o" text="关于我们" url="/vant/mobile.html" />
      <van-grid-item icon="thumb-circle-o" text="多有宝未来" to="/" />
      <van-grid-item icon="passed" text="选择多有宝" url="/vant/mobile.html" />
      <van-grid-item icon="friends-o" text="团队介绍" to="/" />
      <van-grid-item icon="like-o" text="公益项目" url="/vant/mobile.html" />
      <van-grid-item icon="flag-o" text="商学院" url="/vant/mobile.html" />
      <van-grid-item icon="down" text="app下载" url="/vant/mobile.html" />
      <van-grid-item icon="service-o" text="联系我们" url="/vant/mobile.html" />
      <van-grid-item icon="info-o" text="底部" url="/vant/mobile.html" />
    </van-grid>
  </van-cell-group>
  <Footer></Footer>
</div>
</template>

<script>
import Vue from 'vue';
import {Notify, Swipe, SwipeItem, NoticeBar,Grid, GridItem,Cell, CellGroup,Icon } from 'vant';
import Header from "@/components/Container/Header.vue";
import Footer from "@/components/Container/Footer";

Vue.use(NoticeBar);
Vue.use(Swipe);
Vue.use(SwipeItem);
Vue.use(Notify)
Vue.use(Grid);
Vue.use(GridItem);
Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(Icon);
export default {
  name: "index",
  data(){
    return {
    }

  },
  methods: {
    onChange(index) {

      Notify({ type: 'primary', message: index });
    },
  },
  components:{
    Header,
    Footer,
  }
}
</script>

<style scoped>
.notice-swipe {
  height: 40px;
  line-height: 40px;
}
</style>